@import "./../../../../style/font.scss";
@import "./../../../../style/color.scss";
@import "./../../../../style/onepx.scss";


.exam-login-page {
  height: 100%;

  .exam-login {
    margin-top: 20px;

    .am-list {

      .am-list-body {

        .am-list-item:nth-child(3) {
          position: relative;

          .get-code {
            position: absolute;
            right: 10px;
            display: inline-block;
            width: 200px;
            height: 60px;
            line-height: 60px;
            font-family: $regular-font-family;
            @include font-dpr(28px);
            color: #FFFFFF;
            letter-spacing: 0;
            text-align: center;
            background-color: $little-button-color;
            box-sizing: border-box;
            top:50%;
            transform: translateY(-50%);
          }
        }
      }
    }
  }

  .exam-type {
    margin-top: 20px;

    .am-list-item {
      @include onepx($normal-border-color, vertical);
      padding: 0 30px;
    }

  }

  .login-btn {
    margin-top: 20px;
    padding: 40px 30px;

    .am-button {
      border-radius: 2px;
      background-color: $button-background-color;
      font-family: $regular-font-family;
      border:solid 1px $button-background-color;
      @include font-dpr(32px);
      color: #FFFFFF;
      letter-spacing: 0;
    }

    .am-button.am-button-disabled {
      background-color: $list-line-color;
      border-color: $list-line-color;
    }
  }

  .am-list-item.am-input-error .am-input-control input {
    color: red;
  }
}



.exam-detail-page {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  .exam-content-wrap {
    flex-grow: 1;
    margin-top: 20px;
    @include onepx($normal-border-color,top);
    background-color: #FFFFFF;
    overflow: auto;
    padding: 28px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    .exam {

      .exam-wrap {

        .exam-title {
          font-family: $regular-font-family;
          @include font-dpr(30px);
          color: $mine-content-color;
          letter-spacing: 0;
          padding-bottom: 40px;
        }

        .am-list {

          .am-list-body {
            border: none;
            padding: 0;
            background-image: none;

            .exam-row {
              padding-bottom: 40px;
              font-family: $regular-font-family;
              @include font-dpr(30px);
              color: $mine-content-color;
              letter-spacing: 0;

              .am-checkbox-wrapper {

                > span {
                  display: inline-block;
                }

                .am-checkbox {
                  width: 10%;
                  vertical-align: top;
                  text-align: left;

                  .am-checkbox-inner {
                    left: 0;
                    width: 30px;
                    height: 30px;
                    border:solid 1px #999999;

                    &:after {
                      width: 20px;
                      height: 20px;
                      border: none;
                      border-radius: 50%;
                      background-color: $little-button-color;
                      left: 50%;
                      top: 50%;
                      transform: translate(-50%, -50%) rotate(0deg);
                    }
                  }
                }

                .option {
                  width: 90%;
                }
              }
            }

          }
        }

      }

    }

    .btn {
      display: flex;
      justify-content: space-between;

      .am-button {
        width: 180px;
        height: 68px;
        line-height: 68px;
        font-family: $regular-font-family;
        @include font-dpr(30px);
        color: #FFFFFF;
        letter-spacing: 0;
        border-radius: 0;
        background-color: $little-button-color;
        border-color: $little-button-color;
      }

      .am-button.am-button-disabled {
        background-color: $list-line-color;
        border-color: $list-line-color;
      }
    }
  }
}
